<template>
    <div class="button">
        <el-button type="primary" class="btn">{{ msg }}</el-button>
    </div>
</template>

<script lang="ts" >



import { defineComponent } from 'vue'
import { ref } from "vue"
export default defineComponent({
      // 1.props 接收父组件传递子组件的数据
    props: ['msg'],
    setup(props) {
        const input = ref("")
        const value = ref("")
        const options = [
            {
                value: "OPtion1",
                label: "option1"
            }
        ]

        return {
            input,
            value,
            options,
        }
    },

})

</script>

<style>
.top {
    display: flex;
    justify-content: space-between;
}

.select {
    width: 134px;
}

.right {
    display: flex;
    margin-left: 66px;
}

.w {
    width: 300px;
    height: 38px;
}

.button {
    margin-left: 10px;
}

.btn {
    height: 38px;

}
</style>